<style>
	.test{
		background:cyan;
		border:1px solid red;
		margin:5px;
	}
</style>
<h1>Where do you want to go?</h1>
<h2>Travel Destinations</h2>
<p>Plan your next adventure.</p>
<ol id="destinations">
	<li>Rome</li>
	<li>
		<ol id="france">
			<li>Paris</li>
			<li class="mum">Mumbai</li>
			<li>Patna</li>
		</ol>
	</li>
	<li class='promo'>Rio</li>
	<li >Noida</li>
	<li >Lucknow</li>
	<li >Kanpur</li>
</ol>

<input type="button" id="ClickId" value="Action">

<script src="lib.js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$('#ClickId').on('click',function(){
	
		//alert($("#destinations").find('li').next().html());
		//alert($("#destinations").find('li').next().next().html());
		//alert($("#destinations").find('li').next().next().html());
		//alert($("#destinations").find('li.promo').html());//Rio
		alert($(".promo").closest('#destinations').find('li.mum').html());//Mumbai
		
		
	});
</script>
